@extends('layout.master')

@section('content-header')
    <h1>STLD</h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="{{ URL::route('stlds.index') }}"><i class="fa fa-file"></i> STLD</a></li>
        <li class="active"><i class="fa fa-list"></i> Detail</li>
    </ol>
@stop

@section('content')

<style type="text/css">
	.table-responsive .form-group {
		margin: 0 0 10px 0 !important;
	}
	.table-responsive dd {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		border-bottom: #ddd solid 1px;
	}
	.table-responsive .dd-button {
		margin-top: 25px !important;
		border-bottom: none;
	}
</style>

<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-body table-responsive">
            	<dl class="dl-horizontal">
					<dt class="form-group">No. KTP</dt>
					<dd>{{ $stld->no_ktp }}</dd>
					
					<dt class="form-group">Nama</dt>
					<dd>{{ $stld->nama }}</dd>

					<dt class="form-group">Agama</dt>
					<dd>{{ ($stld->agama) ? $stld->agama->nama : '-' }}</dd>
					
					<dt class="form-group">Jenis kelamin</dt>
					<dd>{{ $stld->jenis_kelamin == 'L'? 'Laki-laki' : 'Perempuan'; }}</dd>
					
					<dt class="form-group">Tempat lahir</dt>
					<dd>{{ $stld->tempat_lahir }}</dd>
					
					<dt class="form-group">Tanggal lahir</dt>
					<dd>{{ $stld->tanggal_lahir }}</dd>
					
					<dt class="form-group">Status kawin</dt>
					<dd class="capitalize-text">{{ $stld->status_kawin }}</dd>
					
					<dt class="form-group">Pekerjaan</dt>
					<dd>{{ ($stld->jenisPekerjaan) ? $stld->jenisPekerjaan->nama : '-' }}</dd>
					
					<dt class="form-group">Pendidikan</dt>
					<dd>{{ ($stld->pendidikan) ? $stld->pendidikan->nama : '-' }}</dd>
					
					<dt class="form-group">Lokasi</dt>
					<dd>{{ ($stld->lokasi) ? $stld->lokasi->nama : '-' }}</dd>
					
					<dt class="form-group">Tanggal lapor</dt>
					<dd>{{ $stld->tanggal_lapor }}</dd>

					<dt class="form-group">Alamat asal</dt>
					<dd>{{ $stld->alamat }}</dd>

					<dd class="dd-button">
            			<a href="#" id="back" class="btn btn-primary"><i class="fa fa-arrow-circle-left"></i> Kembali</a>
					</dd>
            	</dl>
            </div><!-- /.box-body -->
        </div><!-- /.box -->
    </div>
</div>
@stop

@section('javascript')
<script type="text/javascript">
    $(function() {
    	$('.table-responsive').on('click', '#back', function(event) {
    		window.history.go(-1);
    		return false;
    	});
    });
</script>
@stop